<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!--IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame -->
    <meta name="author" content="Tony,田槐旺"><!--作者-->
    <meta name="keywords" content="PHP,前端,全栈开发,个人博客"><!--关键词-->
    <meta name="description" content="Tony的个人博客,全栈开发,PHP开发"><!--描述-->
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">&lt;!&ndash;将http的不安全请求升级为https&ndash;&gt;-->
    <link rel="shortcut icon" href="../static/imgs/author.jpg"/>
    <title>小田全栈-原创个人网站</title>
    <!--[if lt ie 9]>
    <script type="text/javascript">
        var i = 0, html5tags = ["header", "footer", "nav", "aside", "article", "section"];
        for (i in html5tags) {
            document.createElement(html5tags[i]);
        }
    </script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script>window.location.href = "./ie.html";</script>
    <![endif]-->
    <link rel="stylesheet" href="../static/css/base.css"><!--初始化-->
    <link rel="stylesheet" href="../static/css/style.css">
    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/swiper.min.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <style type="text/css">
        body {
            background-image: url("../static/imgs/back.jpg");
        }

        .swiper-container {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .swiper-slide {
            background-position: center;
            background-size: cover;
        }

        #canvas {
            position: absolute;
            right: 120px;
            top: 0px;
        }

    </style>
</head>

<body>
<!--loading page-->
<div class="loader">
    <div class="loader-content">
        <img src="../static/imgs/loading.gif" alt="Loader" class="loader-loader"/>
    </div>
</div>
<!--文档导航-->
<header>
    <div class="top-nav">
        <span class="wow bounceInDown">
            <span class="wow swing" data-wow-delay="1.8s">小</span>
        </span>
        <span class="wow bounceInDown" data-wow-delay="0.1s">
            <span class="wow swing" data-wow-delay="1.9s">田</span>
        </span>
        <span class="wow bounceInDown" data-wow-delay="0.2s">
            <span class="wow swing" data-wow-delay="2s">博</span>
        </span>
        <span class="wow bounceInDown" data-wow-delay="0.3s">
            <span class="wow swing" data-wow-delay="2.1s">客</span>
        </span>
        <span class="wow lightSpeedIn" data-wow-delay="1.5s" style="font-size: 30px">
            <span class="wow flip" data-wow-delay="2.2s">-</span>
        </span>
        <span class="wow lightSpeedIn" data-wow-delay="1.5s" style="font-size: 30px">
            <span class="wow swing" data-wow-delay="2.3s">原</span>
        </span>
        <span class="wow lightSpeedIn" data-wow-delay="1.5s" style="font-size: 30px">
            <span class="wow swing" data-wow-delay="2.4s">创</span>
        </span>
        <span class="wow lightSpeedIn" data-wow-delay="1.5s" style="font-size: 30px">
            <span class="wow swing" data-wow-delay="2.5s">个</span>
        </span>
        <span class="wow lightSpeedIn" data-wow-delay="1.5s" style="font-size: 30px">
            <span class="wow swing" data-wow-delay="2.6s">人</span>
        </span>
        <span class="wow lightSpeedIn" data-wow-delay="1.5s" style="font-size: 30px">
            <span class="wow swing" data-wow-delay="2.7s">网</span>
        </span>
        <span class="wow lightSpeedIn" data-wow-delay="1.5s" style="font-size: 30px">
            <span class="wow swing" data-wow-delay="2.8s">站</span>
        </span>
        <canvas id="canvas"></canvas>
    </div>
    <nav>
        <ul class="nav">
            <li><a class="nav-class" href="./index.html">首页</a></li>
            <li><a class="nav-class" href="arcitleList.html">前端</a></li>
            <li><a class="nav-class" href="#">后端</a></li>
            <li><a class="nav-class" href="#">其他</a></li>
            <li><a class="nav-class" href="#">教学笔录</a></li>
            <li><a class="nav-class" href="./item.html">项目展示</a></li>
            <li><a class="nav-class" href="./message.html">留言板</a></li>
            <li><a class="nav-class" href="./error.html">关于作者(404)</a></li>
        </ul>
    </nav>
</header>
<!--返回顶部-->
<div class="toolbar">
    <a href="./message.html" class="toolbar-item toolbar-item-feedback"></a>
    <a href="javascript:scroll(0,0)" id="top" class="toolbar-item toolbar-item-top"></a>
</div>
<!--文档主体-->
<section>
    <div class="ad-area">
        <!--站内消息-->
        <div class="info-area">
            <i class="fa fa-volume-up"></i>
            <div>
                <div><a href='#'>手机开发的常见问题总结？创建一个不可变数组NSArray有以下几种方式</a></div>
                <div><a href='#'>前后端验证都需要吗？创建带有两个字符串的的数组</a></div>
                <div><a href="#">如何截取字符串？id是通用指针 可以是各种类型的对象</a></div>
            </div>
        </div>
        <!-- Swiper -->
        <div class="swiper-area">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background-image:url(../static/imgs/banner/01.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(../static/imgs/banner/02.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(../static/imgs/banner/03.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(../static/imgs/banner/04.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(../static/imgs/banner/05.jpg)"></div>
                </div>
                <!-- 分页 -->
                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <!--作者相关-->
        <div class="author-area">
            <div class="author-info">
                <div class="auto-img wow lightSpeedIn" data-wow-delay="0.5s">
                    <img src="../static/imgs/author.jpg">
                </div>
                <div class="auto-info">
                    <ul class="auto-name">
                        <li>小田</li>
                    </ul>
                    <ul class="auto-ul">
                        <li><strong>院校</strong><span>华北理工大学</span></li>
                        <li><strong>职业</strong><span>全栈开发</span></li>
                        <li style="border-right:none"><strong>爱好</strong><span>听歌旅游</span></li>
                    </ul>
                </div>
            </div>
            <div class="follow-me">
                <div class="follow-top">相关链接</div>
                <div class="follow-middle">
                    <div id="b1" class="btn wow fadeInUpBig animated" data-wow-delay="0.7s">
                        <a class="wei-bo" href="https://weibo.com/u/5788746845?refer_flag=1001030102_&is_all=1"
                           target="_blank" title="新浪微博关注站长"><i class="fa fa-weibo"></i></a>
                    </div>
                    <div id="b2" class="btn wow fadeInUpBig animated" data-wow-delay="0.8s">
                        <a class="qq-link" href="http://wpa.qq.com/msgrd?v=3&uin=1932253863&site=qq&menu=yes"
                           target="_blank" title="QQ联系站长"><i class="fa fa-qq"></i></a>
                    </div>
                    <div id="b4" class="btn wow fadeInUpBig animated" data-wow-delay="1.0s">
                        <a class="share-link" href="javascript:;" title="收藏本站"
                           onclick="AddFavorite(window.location,document.title)"><i class="fa fa-star"></i></a>
                    </div>
                    <div id="b3" class="btn wow fadeInUpBig animated" data-wow-delay="0.9s">
                        <a class="wei-xin" onclick="SetHome(window.location)" href="javascript:void(0)"
                           title="设为首页"><i class="fa fa-cog"></i></a>
                    </div>
                </div>
                <div class="follow-bottom">
                    <span>新浪微博</span>
                    <span>腾讯QQ</span>
                    <span>收藏本站</span>
                    <span>设为首页</span>
                </div>
            </div>
        </div>
    </div>
    <div class="arc-area">
        <!--文章列表-->
        <div class="arc-list">
            <h4><i class="fa fa-th-list"></i>最新博客列表
                <small>New Article List</small>
            </h4>
            <div class="arc-list-area">
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
                <article class="excerpt wow bounceInLeft animated">
                    <div class="arc-img">
                        <img src="../static/imgs/author.jpg" alt="" title="">
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text"><a href="" title="">ThinkPHP5项目接入QQ互联第三方登录全新案例分析</a></h4>
                        <p>我的一个二级域名项目想在也想接入QQ第三方登录功能，该项目采用的thinkphp5框架开发的项目，
                            在网上搜了一些接入的案例，个人觉得鱼龙混杂不太适合自己，现在自己重新在thinkphp5框架上开发这个功能...</p>
                        <ul>
                            <li><i class="fa fa-clock-o"></i><span>2017.03.02</span></li>
                            <li><i class="fa fa-eye"></i><span>1006次</span></li>
                            <li><i class="fa fa-bookmark"></i><span>PHP</span></li>
                        </ul>
                    </div>
                </article>
            </div>
            <!--文章分页-->
            <div class="pagination">
                <ul>
                    <li class="prev-page"></li>
                    <li class="active"><span>1</span></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">6</a></li>
                    <li><a href="">7</a></li>
                    <li><a href="">8</a></li>
                    <li><a href="">9</a></li>
                    <li><a href="">10</a></li>
                    <li class="next-page"><a href="">下一页</a></li>
                </ul>
            </div>
        </div>
        <!--侧栏-->
        <div class="side-list">
            <!--分类列表-->
            <div class="fa-list-area">
                <h4><i class="fa fa-list-alt"></i>分类列表
                    <small>Classify List</small>
                </h4>
                <div class="classify-area wow bounceInRight animated animated">
                    <ul class="plinks">
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">句子内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">列表<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">分类内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">列表<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">列表<span class="badge">（65）</span></a></li>
                    </ul>
                </div>
            </div>
            <!--推荐文章-->
            <div class="groom-list">
                <h4><i class="fa fa-free-code-camp"></i>推荐-生活与文章
                    <small>Groom List</small>
                </h4>
                <ul>
                    <li id="groom-top"><span>缩略图</span><span>描述</span></li>
                    <li class="wow bounceInRight animated">
                        <div class="port-2 effect-1">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-1">
                            </div>
                            <div class="text-desc">
                                <h3>文章标题那你你看看飒飒</h3>
                                <a href="#" class="click-btn">点击阅读</a>
                            </div>
                        </div>
                        <div class="port-right">
                            <h3>文章标题那你你看看飒飒</h3>
                            <p>我从第一次开始申请百度联盟到申请通过，我也不知道花了多长时间，
                                但我可以肯定的是应该有一年了，当然因为一直申请通过不了，
                            </p>
                        </div>
                    </li>
                    <li class="wow bounceInRight animated">
                        <div class="port-2 effect-1">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-1">
                            </div>
                            <div class="text-desc">
                                <h3>文章标题卡了还撒飒飒啊啊</h3>
                                <a href="#" class="click-btn">点击阅读</a>
                            </div>
                        </div>
                        <div class="port-right">
                            <h3>文章标题那你你看看飒飒</h3>
                            <p>我从第一次开始申请百度联盟到申请通过，我也不知道花了多长时间，
                                但我可以肯定的是应该有一年了，当然因为一直申请通过不了，
                            </p>
                        </div>
                    </li>
                    <li class="wow bounceInRight animated">
                        <div class="port-2 effect-1">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-1">
                            </div>
                            <div class="text-desc">
                                <h3>文章标题</h3>
                                <a href="#" class="click-btn">点击阅读</a>
                            </div>
                        </div>
                        <div class="port-right">
                            <h3>文章标题那你你看看飒飒</h3>
                            <p>我从第一次开始申请百度联盟到申请通过，我也不知道花了多长时间，
                                但我可以肯定的是应该有一年了，当然因为一直申请通过不了，
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!--友情链接-->
            <div class="friend-list-area wow bounceInRight animated">
                <h4><i class="fa fa-anchor"></i>项目链接
                    <small>Friendly Link</small>
                </h4>
                <ul>
                    <li><a href="#">航科院北斗导航系统</a></li>
                    <li><a href="#">石家庄恒大房地产</a></li>
                    <li><a href="#">河北领航考研</a></li>
                    <li><a href="#">奥星企业</a></li>
                    <li><a href="#">原本官方同城微信平台</a></li>
                </ul>
            </div>
            <!--网站概况-->
            <div class="survey-list wow bounceInRight animated">
                <h4><i class="fa fa-fort-awesome"></i>网站概况
                    <small>Web site profile</small>
                </h4>
                <ul>
                    <li><i class="fa fa-align-left" style="padding: 0 9px"></i>文章总数<span>638篇</span></li>
                    <li><i class="fa fa-paste" style="padding: 0 9px"></i>分类目录<span>38个</span></li>
                    <li><i class="fa fa-eye"></i>浏览总量<span>23565</span></li>
                    <li><i class="fa fa-link"></i>友情链接<span>25个</span></li>
                </ul>
            </div>
        </div>
    </div>

</section>
<!--文档底部-->
<footer>
    <div class="foot-nav">
        <div class="copy-right"><span>CopyRight © 2016-2018 小田全栈博客 &nbsp;Design by Tony（小田）</span></div>
        <div class="bottom-nav">
            <span><a href="" target="_blank">网站地图</a>-<a href=""> 粤ICP备16001325号-1</a></span>
        </div>
    </div>
</footer>
<script src="../static/js/digit.js"></script>
<!--wow.js风格-->
<script src="../static/lib/wow/wow.min.js"></script>
<script type="text/javascript">
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
    };
</script>
<!--end-->
<script src="../static/js/jquery-1.8.3.min.js"></script>
<script src="../static/js/swiper.min.js"></script>
<script src="../static/js/swiper.animate.min.js"></script>
<script src="../static/js/public.js"></script>
<!-- Initialize Swiper -->
<script>
    //    swiper
    var swiper = new Swiper('.swiper-container', {
        autoplay: true,//自动滑动
        navigation: {
            nextEl: '.swiper-button-next',//自动隐藏
            prevEl: '.swiper-button-prev',//自动隐藏
        },
        loop: true,
        grabCursor: true,
        effect: 'fade',
        pagination: {
            el: '.swiper-pagination',
        },
    });

    //    收藏网址
    function AddFavorite(sURL, sTitle) {
        sURL = encodeURI(sURL);
        try {
            window.external.addFavorite(sURL, sTitle);
        } catch (e) {
            try {
                window.sidebar.addPanel(sTitle, sURL, "");
            } catch (e) {
                alert("小田提示：加入收藏失败，请使用Ctrl+D进行添加或手动点击浏览器右上角收藏.");
            }
        }
    }

    //设为首页
    function SetHome(url) {
        if (document.all) {
            document.body.style.behavior = 'url(#default#homepage)';
            document.body.setHomePage(url);
        } else {
            alert("小田提示：该浏览器暂不支持自动设置页面为首页功能,请手动在浏览器里设置!");
        }
    }
</script>
<script>
    //站内消息
    function AutoScroll(obj) {
        $(obj).find("div:first").animate({
            marginTop: "-40px"
        }, 500, function () {
            $(this).css({marginTop: "0px"}).find("div:first").appendTo(this);
        });
    }
    $(document).ready(function () {
        setInterval('AutoScroll(".info-area")', 2000);
        $(".auto-img img").mouseover(function () {
            $(this).addClass("animated jello");
        })
        $(".auto-img img").mouseout(function () {
            $(this).removeClass("animated jello");
        })
        //时间画布
        var RADIUS = 1,//定义圆半径
        MarginTop = 30,//距离上面的位置
        MarfinLeft = 10,//距离左边的位置
        COLOR = 'white';//球的颜色
        onload();
        function onload() {
            var canvas = document.getElementById('canvas');
            canvas.width = '250';//画布大小
            canvas.height = '100';
            var context = canvas.getContext('2d');

            setInterval(function(){//定时器
                var d = new Date();
                var h = d.getHours(); 
                var m = d.getMinutes();
                var s = d.getSeconds();
                canvas.height = canvas.height;
                render(context,h,m,s);
            },1000); 
        }
        function render(cxt,h,m,s) {//画球
            renderDigit(MarfinLeft ,  MarginTop, parseInt(h/10) , cxt)
            renderDigit(MarfinLeft+15*(RADIUS+1), MarginTop, parseInt(h%10), cxt)
            renderDigit(MarfinLeft+30*(RADIUS+1), MarginTop, 10, cxt)
            renderDigit(MarfinLeft+39*(RADIUS+1), MarginTop, parseInt(m/10) , cxt)
            renderDigit(MarfinLeft+54*(RADIUS+1), MarginTop, parseInt(m%10) , cxt)
            renderDigit(MarfinLeft+69*(RADIUS+1), MarginTop, 10, cxt)
            renderDigit(MarfinLeft+78*(RADIUS+1), MarginTop, parseInt(s/10) , cxt)
            renderDigit(MarfinLeft+93*(RADIUS+1), MarginTop, parseInt(s%10) , cxt)
        }
        function renderDigit(x, y, num, cxt) {//每个数字的画法
            cxt.fillStyle=COLOR;
            for(var i = 0; i < digit[num].length; i ++ ) {
                for(var j = 0; j < digit[i].length; j++ ) {
                    if(digit[num][i][j] == 1) {
                        cxt.beginPath();
                        cxt.arc(x+j*2*(RADIUS+1)+(RADIUS+1), y+i*2*(RADIUS+1)+(RADIUS+1), RADIUS, 0, 2*Math.PI);
                        cxt.closePath();
                        cxt.fill();
                    }
                }
            }

        }
    });
</script>
<script src="../static/lib/water/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="../static/lib/water/waterFloat.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var b1 = $('#b1');
        var b2 = $('#b2');
        var b3 = $('#b3');
        var b4 = $('#b4');
        var a1 = $('#a1');
        var a2 = $('#a2');
        var p1 = new waterFloat(b1, 900, 3, 8);
        var p2 = new waterFloat(b2, 700, 3, 8);
        var p3 = new waterFloat(b3, 800, 3, 10);
        var p4 = new waterFloat(b4, 900, 3, 8);
        var p8 = new waterFloat(a1, 700, 3, 8);
        var p9 = new waterFloat(a2, 800, 3, 10);
    });
</script>

</body>
</html>